.swiper-slide14 {
    position: relative;
    .swiper-slide14-dt {
      // width: 75%;
      height: 55%;
      position: absolute;
      z-index: 2;
      bottom: 0px;
      left: 0;

      img {
        // width: 100%;
        height: 100%;
      }
    }
  }
  
  .swiper-slide14-marks {
    position: absolute;
    z-index: 999999999999;
    background: rgba(0, 0, 0, 0.6);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -5rem;
  
    .box-img {
      width: 31.9375rem;
      height: 46.875rem;
    //   background: url('../assets/annual/14-5.png');
      background-size: 100% 100%;
      background-position: center center;
      display: flex;
      justify-content: center;
      align-items: center;
  
      .text-box {
        width: 70%;
        height: 80%;
        color: #f96263;
        font-size: 6.375rem;
        font-weight: 900;
        padding: 3.5rem 0;
        padding-top: 2.5rem;
        box-sizing: border-box;
        position: relative;
  
        div {
          margin-top: .5rem;
          opacity: 0;
  
          &:nth-child(1) {
            animation: pictureAn .5s ease-in-out .3s forwards;
          }
  
          &:nth-child(2) {
            animation: pictureAn .5s ease-in-out .7s forwards;
          }
  
          &:nth-child(3) {
            animation: pictureAn .5s ease-in-out 1.1s forwards;
          }
  
          &:nth-child(4) {
            animation: pictureAn .5s ease-in-out 1.5s forwards;
          }
        }
  
        .div1 {
          animation: pictureAn .5s ease-in-out .3s forwards;
        }
  
        .div2 {
          animation: pictureAn .5s ease-in-out .7s forwards;
        }
  
        .div3 {
          animation: pictureAn .5s ease-in-out 1.1s forwards;
        }
  
        .div4 {
          animation: pictureAn .5s ease-in-out 1.5s forwards;
        }
      }
  
    }
  
    .btn {
      width: 100vw;
      height: 15rem;
      margin-top: 3rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
  
      .reselection {
        // background: url('../assets/annual/cx.png');
        background-size: 100% 100%;
        width: 23.6875rem;
        height: 7.125rem;
        margin-left: 11.5625rem;
        margin-top: .8rem;
        font-size: 1.75rem;
        font-weight: 600;
        text-align: center;
        color: #d97721;
        line-height: 5.3rem;
      }
      .hide-reselection{
        visibility: hidden;
      }
  
      .determine {
        width: 31.5625rem;
        height: 9.0625rem;
        margin-left: 7.625rem;
  
        img {
          width: 100%;
          height: auto;
        }
      }
  
    }
  
    opacity: 0;
    transition: all .8s;
  }
  
  
  @keyframes pictureAn {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  




  .swiper-slide15 {
    position: relative;
    .content-box-15-zi {
  
      position: absolute;
      z-index: 999;
      overflow: hidden;
      top: 16.8rem;
      left: 0;
      right: 0;
      bottom: 0;
      height: 36rem;
      width: 32rem;
  
      div {
        float: left;
        margin-right: 1.6rem;
        font-size: 6.5rem;
        width: 9rem;
        height: 9rem;
        line-height: 9rem;
        text-align: center;
        position: relative;
        color: #F96263;
      }
  
      div:nth-child(1) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        top: 8rem;
      }
  
      div:nth-child(2) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        top: 8rem;
      }
  
      div:nth-child(3) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        bottom: 6.6rem;
      }
  
      div:nth-child(4) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        bottom: 6.6rem;
      }
  
    }
  
    .content-box-15-dt {
      width: 36rem;
      height: 52rem;
      margin-left: 8.8rem;
      position: relative;
  
      // position: absolute;
      // top: 200px;
      // // left: 142px;
      // right: 3%;
      img {
        width: 36rem;
        height: 52rem;
      }
    }
  
    .swiper-slide15-cxck {
      // width: 52%;
      width: 31rem;
      height: 9rem;
      position: absolute;
      top: 67rem;
      left: 8rem;
    }
  
    .swiper-slide15-fx {
      width: 23.6rem;
      height: 7.123rem;
      margin-top: 4%;
      margin-left: 7%;
      position: absolute;
      top: 74rem;
      left: 8rem;
    }
  
    .qr-code{
      position: absolute;
      top: 68rem;
      left: 12rem;
      width: 25rem;
      height: 15rem;
      background: #f00;
    }
  
    .share-class {
      position: fixed !important;
      top: -150% !important;
      left: -150% !important;
    }
  
    .share-style {
      padding-top: 10%;
    }
    .qrcode{
      width: 31rem;
      height: 31rem;
      margin: 0 auto;
    //   background: url('../assets/annual/qrdt.png') no-repeat;
      background-size: 100%;
      height: 100%;
      margin-top: 3rem;
      overflow: hidden;
    }
    .qrcodeimg{
      width: 10.875rem;
      height: 10.875rem;
      margin: 3.15rem auto 1.7rem;
    //   background: url('../assets/annual/download.png') no-repeat;
      background-size: 100%;
    }
    .qrcodewz{
      width: 13.25rem;
      height: 2.65rem;
    //   background: url('../assets/annual/zhty.png') no-repeat;
      background-size: 100%;
      margin: 0 auto;
    }
  }
  .swiper-slide15-show{
    height: 101.5rem !important;
  }

  .swiper-slide18 {
    position: relative;
    background: url('../assets/images/bill2022/18/bg.png')no-repeat;
    background-size:100%  auto;
    .content-box-15-zi {
  
      position: absolute;
      z-index: 999;
      overflow: hidden;
      top: 16.8rem;
      left: 0;
      right: 0;
      bottom: 0;
      height: 36rem;
      width: 32rem;
  
      div {
        float: left;
        margin-right: 1.6rem;
        font-size: 6.5rem;
        width: 9rem;
        height: 9rem;
        line-height: 9rem;
        text-align: center;
        position: relative;
        color: #F96263;
      }
  
      div:nth-child(1) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        top: 8rem;
      }
  
      div:nth-child(2) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        top: 8rem;
      }
  
      div:nth-child(3) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        bottom: 6.6rem;
      }
  
      div:nth-child(4) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        bottom: 6.6rem;
      }
  
    }
  
    .content-box-18-dt {
      width: 36rem;
      height: 52rem;
      margin-left: 8.8rem;
      position: relative;
  
      // position: absolute;
      // top: 200px;
      // // left: 142px;
      // right: 3%;
      img {
        width: 36rem;
        height: 52rem;
      }
    }
  
    .swiper-slide18-cxck {
      // width: 52%;
      width: 31rem;
      height: 9rem;
      position: absolute;
      top: 67rem;
      left: 8rem;
    }
  
    .swiper-slide18-fx {
      width: 23.6rem;
      height: 7.123rem;
      margin-top: 4%;
      margin-left: 7%;
      position: absolute;
      top: 74rem;
      left: 8rem;
    }
  
    .qr-code{
      position: absolute;
      top: 68rem;
      left: 12rem;
      width: 25rem;
      height: 15rem;
      background: #f00;
    }
  
    .share-class {
      position: fixed !important;
      top: -150% !important;
      left: -150% !important;
    }
  
    .share-style {
      padding-top: 10%;
    }
    .qrcode{
      width: 31rem;
      height: 31rem;
      margin: 0 auto;
    //   background: url('../assets/annual/qrdt.png') no-repeat;
      background-size: 100%;
      height: 100%;
      margin-top: 3rem;
      overflow: hidden;
    }
    .qrcodeimg{
      width: 10.875rem;
      height: 10.875rem;
      margin: 3.15rem auto 1.7rem;
    //   background: url('../assets/annual/download.png') no-repeat;
      background-size: 100%;
    }
    .qrcodewz{
      width: 13.25rem;
      height: 2.65rem;
    //   background: url('../assets/annual/zhty.png') no-repeat;
      background-size: 100%;
      margin: 0 auto;
    }
  }
  .swiper-slide18-show{
    height: 101.5rem !important;
  }

  .swiper-slide17 {
    position: relative;
    background: url('../assets/images/bill2022/17/bg.png')no-repeat;
    background-size:100%  auto;
    .content-box-15-zi {
  
      position: absolute;
      z-index: 999;
      overflow: hidden;
      top: 16.8rem;
      left: 0;
      right: 0;
      bottom: 0;
      height: 36rem;
      width: 32rem;
  
      div {
        float: left;
        margin-right: 1.6rem;
        font-size: 6.5rem;
        width: 9rem;
        height: 9rem;
        line-height: 9rem;
        text-align: center;
        position: relative;
        color: #F96263;
      }
  
      div:nth-child(1) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        top: 8rem;
      }
  
      div:nth-child(2) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        top: 8rem;
      }
  
      div:nth-child(3) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        bottom: 6.6rem;
      }
  
      div:nth-child(4) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        bottom: 6.6rem;
      }
  
    }
  
    .content-box-17-dt {
      width: 36rem;
      height: 52rem;
      margin-left: 8.8rem;
      position: relative;
  
      // position: absolute;
      // top: 200px;
      // // left: 142px;
      // right: 3%;
      img {
        width: 36rem;
        height: 52rem;
      }
    }
  
    .swiper-slide17-cxck {
      // width: 52%;
      width: 31rem;
      height: 9rem;
      position: absolute;
      top: 67rem;
      left: 8rem;
    }
  
    .swiper-slide17-fx {
      width: 23.6rem;
      height: 7.123rem;
      margin-top: 4%;
      margin-left: 7%;
      position: absolute;
      top: 74rem;
      left: 8rem;
    }
  
    .qr-code{
      position: absolute;
      top: 68rem;
      left: 12rem;
      width: 25rem;
      height: 15rem;
      background: #f00;
    }
  
    .share-class {
      position: fixed !important;
      top: -150% !important;
      left: -150% !important;
    }
  
    .share-style {
      padding-top: 10%;
    }
    .qrcode{
      width: 31rem;
      height: 31rem;
      margin: 0 auto;
    //   background: url('../assets/annual/qrdt.png') no-repeat;
      background-size: 100%;
      height: 100%;
      margin-top: 3rem;
      overflow: hidden;
    }
    .qrcodeimg{
      width: 10.875rem;
      height: 10.875rem;
      margin: 3.15rem auto 1.7rem;
    //   background: url('../assets/annual/download.png') no-repeat;
      background-size: 100%;
    }
    .qrcodewz{
      width: 13.25rem;
      height: 2.65rem;
    //   background: url('../assets/annual/zhty.png') no-repeat;
      background-size: 100%;
      margin: 0 auto;
    }
  }
  .swiper-slide17-show{
    height: 101.5rem !important;
  }


  .swiper-slide16 {
    position: relative;
    background: url('../assets/images/bill2022/16/bg.png')no-repeat;
    background-size:100%  auto;
    .content-box-15-zi {
      position: absolute;
      z-index: 999;
      overflow: hidden;
      top: 16.8rem;
      left: 0;
      right: 0;
      bottom: 0;
      height: 36rem;
      width: 32rem;
  
      div {
        float: left;
        margin-right: 1.6rem;
        font-size: 6.5rem;
        width: 9rem;
        height: 9rem;
        line-height: 9rem;
        text-align: center;
        position: relative;
        color: #F96263;
      }
  
      div:nth-child(1) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        top: 8rem;
      }
  
      div:nth-child(2) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        top: 8rem;
      }
  
      div:nth-child(3) {
        position: absolute;
        z-index: 1;
        left: 4.2rem;
        bottom: 6.6rem;
      }
  
      div:nth-child(4) {
        position: absolute;
        z-index: 1;
        right: 4.8rem;
        bottom: 6.6rem;
      }
  
    }
  
    .content-box-15-dt {
      width: 36rem;
      height: 52rem;
      margin-left: 8.8rem;
      position: relative;
  
      // position: absolute;
      // top: 200px;
      // // left: 142px;
      // right: 3%;
      img {
        width: 36rem;
        height: 52rem;
      }
    }
  
    .swiper-slide16-cxck {
      // width: 52%;
      width: 31rem;
      height: 9rem;
      position: absolute;
      top: 67rem;
      left: 8rem;
    }
  
    .swiper-slide16-fx {
      width: 23.6rem;
      height: 7.123rem;
      margin-top: 4%;
      margin-left: 7%;
      position: absolute;
      top: 74rem;
      left: 8rem;
    }
  
    .qr-code{
      position: absolute;
      top: 68rem;
      left: 12rem;
      width: 25rem;
      height: 15rem;
      background: #f00;
    }
  
    .share-class {
      position: fixed !important;
      top: -150% !important;
      left: -150% !important;
    }
  
    .share-style {
      padding-top: 10%;
    }
    .qrcode{
      width: 31rem;
      height: 31rem;
      margin: 0 auto;
    //   background: url('../assets/annual/qrdt.png') no-repeat;
      background-size: 100%;
      height: 100%;
      margin-top: 3rem;
      overflow: hidden;
    }
    .qrcodeimg{
      width: 10.875rem;
      height: 10.875rem;
      margin: 3.15rem auto 1.7rem;
    //   background: url('../assets/annual/download.png') no-repeat;
      background-size: 100%;
    }
    .qrcodewz{
      width: 13.25rem;
      height: 2.65rem;
    //   background: url('../assets/annual/zhty.png') no-repeat;
      background-size: 100%;
      margin: 0 auto;
    }
  }
  .swiper-slide16-show{
    height: 101.5rem !important;
  }
  .swiper-slide3 {
    background: url('../assets/images/bill2022/4/bgss.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: relative;
    overflow: hidden;
  
    .content-box-3 {
      width: 39.6rem;
      margin-left: 3.7rem;
      height: auto;
      margin-top: 3rem;
      text-align: left;
  
      p {
        color: #7e4f33;
        font-weight: 500;
        font-size: 2.3rem;
        margin-top: 1.5rem;
        line-height: 3.4rem;
  
        i {
          font-size: 3rem;
          letter-spacing: 0.9px;
          color: #ff674f;
          font-family: 'blackitalic';
        }
      }
  
      .time {
        //   width: 4rem;
  
        font-family: 'blackitalic';
        font-size: 3rem;
        // line-height: 83px;
        letter-spacing: 1.2px;
        color: #ff674f;
        margin-bottom: 1.5rem;
      }
    }
  
    .swiper-slide3-div {
      width: 46.9rem;
      height: 58rem;
      margin-top: 14rem;
      // position: relative;
      // position: absolute;
      //     bottom: 0;
  
      // bottom: 0;
    }
  
    .swiper-slide3-img1 {
      width: 46.875rem;
      height: 58.125rem;
      //   overflow: hidden;
      position: relative;
  
      .swiper-slide3-1 {
        width: 46.9rem;
        height: 58.125rem;
      }
    }
  
    .swiper-slide3-img2 {
      position: absolute;
      width: 14.4rem;
      height: 8.3rem;
      right: 2rem;
      top: -7rem;
    }
  }
  
  .swiper-slide2 {
    background: url('../assets/images/bill2022/1/bg.png');
    background-size: 100% 100%;
    position: relative;
  
    .content-box-2 {
      width: 84vw;
      margin-left: 3.68rem;
      height: auto;
      margin-top: 2.5rem;
  
      .name {
        width: 100%;
        font-size: 2.5rem;
        color: #7e4f33;
        font-weight: 500;
        text-align: left;
  
        span {
          display: inline-block;
          height: 4rem;
          vertical-align: bottom;
          margin-right: 2.4rem;
          img {
            width: 5.5rem;
            height: 4rem;
          }
        }
      }
      .time {
        //   width: 4rem;
  
        font-family: 'blackitalic';
        font-size: 3rem;
        // line-height: 83px;
        letter-spacing: 1.2px;
        color: #ff674f;
        margin-bottom: 1.5rem;
      }
      p {
        font-size: 2.3rem;
        font-weight: 500;
        color: #7e4f33;
        line-height: 3.4rem;
        text-align: left;
  
        i {
          font-size: 3rem;
          letter-spacing: 0.012rem;
          color: #ff674f;
          font-family: 'blackitalic';
        }
  
        span {
          font-size: 3rem;
          letter-spacing: 0.2rem;
          color: #ff674f;
        }
      }
  
      .time-box {
        margin-top: 2rem;
      }
    }
  
    .swiper-silde2-bg {
      width: 46.875rem;
      height: 50.46rem;
      margin-top: 2.4rem;
      position: absolute;
      bottom: 0;
    }
  
    .slide2-img1 {
      position: absolute;
      top: 0;
      left: 5.96rem;
      width: 14.5rem;
      height: 11.9rem;
      z-index: 99;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .slide2-img2 {
      position: absolute;
      top: -2rem;
      right: 6.3rem;
      width: 5.3rem;
      height: 5.5rem;
      z-index: 99;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .slide2-img3 {
      position: absolute;
      top: 13.68rem;
      right: 2rem;
      width: 9.75rem;
      height: 7.87rem;
      z-index: 99;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .slide2-img4 {
      position: absolute;
      top: 24rem;
      left: 2rem;
      width: 9.9rem;
      height: 9.8rem;
      z-index: 99;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .slide2-img5 {
      position: absolute;
      top: 24rem;
      right: 2rem;
      width: 13rem;
      height: 13rem;
      z-index: 99;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .slide2-img6 {
      width: 100%;
      //   position: absolute;
      //   top: 25%;
      //   right: 0;
      //   width: 100%;
      //   height: 50%;
      //   z-index: 10;
      //   img {
      //     width: 100%;
      //     height: auto;
      //   }
    }
  
  }
  
  .swiper-slide1 {
    background: url('../assets/images/bill2022/home/bg.png');
    background-size: cover;
  
  
  
  }
  
  .content-box-14 {
    margin-top: 0.75rem;
  }
  
  .swiper-slide12 {
    // background: url('../assets/annual/12.jpg');
    background-size: 100% auto;
    background-position: center center;
    position: relative;
    overflow: hidden;
  
    .content-box-3 {
      width: 84vw;
      margin-left: 8vw;
      height: auto;
      margin-top: 3rem;
      text-align: left;
      position: absolute;
      z-index: 999;
  
      p {
        color: #7e4f33;
        font-weight: 500;
        font-size: 2.3rem;
        margin-top: 24px;
        line-height: 3.4rem;
  
        i {
          font-size: 3rem;
          letter-spacing: 0.9px;
          color: #ff674f;
          font-family: 'blackitalic';
        }
  
        span {
          color: #ff674f;
        }
      }
  
      .time {
        width: 15.0625rem;
        height: 5.1875rem;
  
        img {
          width: 100%;
          height: auto;
        }
      }
    }
  
    .swiper-slide12-img {
      width: 100%;
      height: 93.6875rem;
      //   height: 86.6875rem;
      position: absolute;
      bottom: -5rem;
      left: 0;
      z-index: 99;
  
      img {
        width: 100%;
        height: 100%;
      }
  
      .swiper-slide12-one {
        position: absolute;
        top: 55rem;
        left: 20.3rem;
        width: 6rem;
        height: 6rem;
      }
  
      .swiper-slide12-two {
        position: absolute;
        top: 61rem;
        left: 7rem;
        width: 6rem;
        height: 6rem;
      }
  
      .swiper-slide12-three {
        position: absolute;
        top: 64rem;
        right: 7rem;
        width: 6rem;
        height: 6rem;
      }
  
      .swiper-slide12-text-1 {
        font-size: 1.75rem;
        color: #7e4f33;
        position: absolute;
        top: 68rem;
        left: 50%;
        width: 15rem;
        transform: translateX(-7.5rem);
        font-weight: 500;
      }
  
      .swiper-slide12-text-2 {
        font-size: 1.75rem;
        color: #7e4f33;
        position: absolute;
        top: 72rem;
        left: 20%;
        width: 15rem;
        transform: translateX(-7.5rem);
        font-weight: 500;
      }
  
      .swiper-slide12-text-3 {
        font-size: 1.75rem;
        color: #7e4f33;
        position: absolute;
        top: 75rem;
        left: 80%;
        width: 15rem;
        transform: translateX(-7.5rem);
        font-weight: 500;
      }
  
    }
  
  }